body{
	background: #eceef3;
}

.community-name{
	font-size: 0.9rem;
	color: #3a3939;
}

.sec-nav{
	margin-top: 0.5rem;
	border-bottom: 2px solid #e9eaed;
	div{
		a{
			img{
				display: block;
				width: 3.1rem;
				height: 3.1rem;
				margin: auto;
			}
			
			div{
				font-size: 0.7rem;
				color: #444;
			}
		}
		.navv-a{
			box-sizing: border-box;
			border-bottom: 1px solid #dcdee0;
			border-left: 1px solid #dcdee0;
			&:nth-child(3n+1){
				border-left: none;
			}
			.navv{
				display: block;
				width: 1.6rem;
				height: 1.4rem;
				margin-top: 1rem;
			}
			.navv-txt{
				font-size: 0.7rem;
				color: #333;
				margin-top: 0.6rem;
				margin-bottom: 0.2rem;
			}
		}
		.s-a{
			box-sizing: border-box;
			border-bottom: 1px solid #dcdee0;
			border-left: 1px solid #dcdee0;
			&:nth-child(4n+1){
				border-left: none;
			}
			.navv{
				display: block;
				width: 1.6rem;
				height: 1.4rem;
				margin-top: 1rem;
			}
			.navv-txt{
				font-size: 0.7rem;
				color: #333;
				margin-top: 0.6rem;
				margin-bottom: 0.2rem;
			}
		}
	}
}

.two-nav{
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom:1;
	background: #fff;
	.content{
		width: 87.5%;
		height: auto;
		overflow: hidden;
		zoom:1;
		margin: auto;
		margin-bottom: 0.5rem;
		margin-top: 0.5rem;
		&:nth-child(1){
			margin-bottom: 0;
			.two-nav-a{
				&:nth-child(1){
				border-right: 1px solid #eceef3;
			}
			&:nth-child(2){
			}
			}
		}

		&:nth-child(2){
			margin-top: 0;
			.two-nav-a{

				border-top: 1px solid #eceef3;
				&:nth-child(1){
				border-right: 1px solid #eceef3;
			}
			}
		}
		.two-nav-a{
			min-height: 3.5rem;
			overflow: hidden;
			zoom:1;
			box-sizing: border-box;
			
			div{
				.left{
					box-sizing: border-box;
					.p1{
						padding-top: 0.5rem;
						font-size: 0.8rem;
						color: #3a3a3c;

						span{
							color: #009844;
						}
					}
					.p2{
						font-size: 0.6rem;
						color: #666;

					}
				}
				.right{
					img{
						display: block;
						width: 2rem;
						height: 2rem;
						margin-top: 0.8rem;
					}
				}
			}
			&:nth-child(2n){
				div{
					.left{
						p{
							padding-left: 0.4rem;
						}
					}
					.right{
						img{
							margin-left: 0.5rem;
						}
					}
				}
			}
		}
	}
}

.hot-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom:1;
	background: #fff;
	margin-top: 0.5rem;

	.top{
		width: 100%;
		height: 2rem;
		border-bottom: 2px solid #eceef3;
		overflow: hidden;
		.list{
			width: 96%;
			height: auto;
			overflow: hidden;
			zoom: 1;
			margin: auto;
			a{
			display: block;
			width: 100%;
			height: 2rem;
			margin: auto;
			img{
				display: block;
				width: 1.3rem;
				height: 1.1rem;
				float: left;
				margin-top: 0.45rem;
			}
			span{
				display: block;
				width: 1.1rem;
				height: 1.1rem;
				float: left;
				margin-left: 0.3rem;
				margin-top: 0.45rem;
				box-sizing: border-box;
				border: 1px solid #e60012;
				text-align: center;
				line-height: 1.1rem;
				font-size: 0.6rem;
				color: #e60012;
			}
			div{
				width: 70%;
				height: 1.1rem;
				float: left;
				margin-top: 0.45rem;
				margin-left: 0.3rem;
				p{
					font-size: 0.7rem;
					color: #666;
				}
			}
			.more{
				font-size: 0.7rem;
				color: #666;
				float: right;
				line-height: 1.1rem;
				border: none;
			}
		}
		}
	}
	.down{
		width: 96%;
		min-height: 7rem;
		overflow: hidden;
		zoom:1;
		margin: auto;
		margin-top: 0.5rem;
		.down-a{
			display: block;
			height: 100%;
			img{
				display: block;
				width: 100%;
			}
			p{
				font-size: 0.7rem;
				color: #111;
				line-height: 1.6rem;
			}
		}
	}
}

/*列表*/
.p-head{
	width: 100%;
	height: 2rem;
	background: #fff;
	border-bottom: 1px solid #eceef3;
	margin-top: 0.5rem;
	.content{
		width: 96%;
		height: 100%;
		margin: auto;
		span{
			display: block;
			width: 36px;
			height: 2px;
			background: #009844;
			margin-top: 19px;
			float: left;
		}
		em{
			font-size: 0.9rem;
			color: #009844;
			line-height: 2rem;
			margin-left: 0.3rem; 
			float: left;
		}
		a{
			float: right;
			font-size: 0.7rem;
			line-height: 2rem;
			color: #666;
			margin-right: 0.1rem;
		}
	}
}

.list-content{
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom:1;
	background: #fff;
	a{
		display: block;
		width: 96%;
		min-height: 5.5rem;
		margin-left: 2%;
		float: left;
		margin-top: 0.5rem;
		border-bottom: 1px solid #cbcbcb;
		&:last-child{
			margin-bottom: 1rem;
		}
		.left{
			img{
				display: block;
				width: 100%;
			}
		}
		.right{
			p{
				padding-left: 0.3rem;
			}
			.txt{
				padding-top: 0.4rem;
				font-size: 0.8rem;
				color: #444;
				span{
					color: #009844;
				}
			}
			.date{
				font-size: 0.6rem;
				color: #666;
				padding-top: 8%;
			}
		}
	}
}

footer{
	border-top: 1px solid #d2d2d2;
	a{
		&:nth-child(1){
			.img{
				background: url(../image/ft1-1.png);
				background-size: 100% 100%;
			}
		}
		&:nth-child(2){
			.img{
				background: url(../image/ft2-1.png);
				background-size: 100% 100%;
			}
		}
		&:nth-child(3){
			.img{
				background: url(../image/ft3-1.png);
				background-size: 100% 100%;
			}
		}
		.img{
			display: block;
			width: 1.5rem;
			height: 1.5rem;
			margin: auto;
			margin-top: 0.3rem;
		}
		div{
			font-size: 0.8rem;
			color: #666;
			padding-top: 0.2rem;
			padding-bottom: 0.2rem;
		}
	}
	.ft-act{
		&:nth-child(1){
			.img{
				background: url(../image/ft1.png);
				background-size: 100% 100%;
			}
		}
		&:nth-child(2){
			.img{
				background: url(../image/ft2.png);
				background-size: 100% 100%;
			}
		}
		&:nth-child(3){
			.img{
				background: url(../image/ft3.png);
				background-size: 100% 100%;
			}
		}
	}
}

.s-list{
	width: 100%;
	height: 2rem;
	overflow: hidden;
	margin-top: 0.5rem;
	.head{
		width: 100%;
		height: 2rem;
		margin: auto;
		background: #fff;
		.content{
			width: 94%;
			height: 1.4rem;
			margin: auto;
			margin-top: 0.3rem;
			box-sizing: border-box;
			border-left: 6px solid #009844;
			float: left;
			margin-left: 3%;
			p{
				font-size: 0.8rem;
				color: #333;
				line-height: 1.6rem;
				padding-left: 0.4rem;
				float: left;
			}
			img{
				display: block;
				float: right;
				width: 1.4rem;
				height: 1.4rem;
			}
		}
	}
	.li{
		width: 100%;
		height: 2rem;
		background: #fff;
		margin-top: 0.3rem;
		.content{
			width: 94%;
			height: 100%;
			margin: auto;
			p{
				font-size: 0.7rem;
				float: left;
				padding-left: 0.7rem;
				line-height: 2rem;
			}
			a{
				display: block;
				width: 1.4rem;
				height: 1.4rem;
				background: url(../image/tel.png);
				background-size: 100% 100%;
				float: right;
				margin-top: 0.3rem;
			}
		}
	}
}

.s-act{
	height: auto;
	overflow: hidden;
	zoom: 1;
}

.notice{
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom:1;
	background: #fff;
	margin-top: 0.5rem;
	.content{
		width: 94%;
		height: auto;
		margin: auto;
		a{
			display: block;
			width: 100%;
			height: 4rem;
			border-bottom: 1px solid #cbcbcb;
			margin-top: 0.5rem;
			&:last-child{
				margin-bottom: 0.5rem;
			}
			.p{
				width: 100%;
				height: 2.3rem;
				p{
					font-size: 0.8rem;
					color: #444;
				}
			}
			.down{
				width: 100%;
				margin-top: 0.4rem;
				.date{
					font-size: 0.7rem;
					color: #666;
					float: left;
				}
				.more{
					font-size: 0.7rem;
					color: #666;
					float: right;
				}
			}
		}
	}
}

.shop{
	width: 94%;
	height: auto;
	margin: auto;
	margin-top: 0.5rem;
	background: #fff;
	overflow: hidden;
	zoom: 1;
	.content{
		width: 94%;
		height: auto;
		overflow: hidden;
		zoom:1;
		margin: auto;
		margin-top: 1rem;
		margin-bottom: 1rem;
		.p{
			width: 100%;
			height: auto;
			border-bottom: 1px solid #dcdcdc;
			p{
				font-size: 0.8rem;
				color: #444;
				padding-bottom: 0.3rem;
			}
		}
		.tel{
			width: 100%;
			clear: both;
			margin-top: 0.3rem;
			img{
				display: block;
				width: 1rem;
				height: 0.9rem;
				float: left;
			}
			p{
				font-size: 0.7rem;
				color: #009843;
				padding-left: 0.2rem;
				float: left;
			}
		}
		.address{
			width: 100%;
			margin-top: 0.3rem;
			img{
				display: block;
				width: 0.8rem;
				height: 0.9rem;
				float: left;
			}
			p{
				display: block;
				width: 92%;
				font-size: 0.7rem;
				color: #009843;
				float: left;
				padding-left: 0.4rem;
			}
		}
	}
}

.xq-head{
	width: 100%;
	height: 2rem;
	background: #fff;
	margin-top: 0.5rem;
	border-bottom: 1px solid #dadada;
	.content{
		width: 94%;
		float: left;
		margin-left: 3%;
		height: 1.4rem;
		margin-top: 0.3rem;
		box-sizing: border-box;
		border-left: 4px solid #009843;
		p{
			font-size: 0.8rem;
			color: #009843;
			padding-left: 0.3rem;
			line-height: 1.6rem;
		}
	}
}
.xq-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	zoom: 1;
	background: #fff;
	.content{
		width: 94%;
		float: left;
		margin-left: 3%;
		height: auto;
		overflow: hidden;
		zoom: 1;
		p{
			font-size: 0.6rem;
			color: #666;
			padding-bottom: 0.5rem;
			padding-top: 0.5rem;
			img{
				display: block;
				width: 90%;
				margin: auto;
				margin-top: 0.5rem;
				margin-bottom: 0.5rem;
			}
			span{
				font-size: 0.7rem;
				color: #333;
				display: block;
			}
		}

	}
}

.sub{
	display: block;
	width: 6rem;
	height: 2rem;
	background: #53bdf0;
	margin: auto;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	color: #fff;

}

.tcc{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	z-index: 99999;
	top: 0;
	.que{
		display: block;
		float: right;
		margin-right: 0.6rem;
		margin-top: 5rem;
	}
	.cl{
		float: right;
		margin-right: 0.3rem;
		margin-top: 5rem;
	}
}